﻿<template>
    <Div class="help">
        <Row class="nav">
            <p><span>电话热线：{{ phone }}</span>（工作日09:00-18:00）<Button @click="()=>{this.kf=true}">在线客服</Button></p>
        </Row>
        <Row class="question">
            <Col :lg="1">常见问题</Col>
            <Col :lg="23" class="content">
                <Collapse active-key="1" accordion>
                    <Panel v-for="item in q_list" :key="item.key">
                        {{ item.title }}
                        <p slot="content">{{ item.content }}</p>
                    </Panel>
                </Collapse>
            </Col>
        </Row>
        <Modal v-model="kf" :transfer="false" title="在线客服" class-name="kf" :width="430">
            <h3>客服微信号：{{ code_name }}</h3>
            <img src="../../../images/wx_logo.jpg" alt="图片加载失败">
            <p>扫码添加客服人员</p>
            <Div slot="footer"></Div>
        </Modal>
    </Div>
</template>

<script>
export default {
    name: 'help',
    data(){
        return{
            kf: false,
            phone: '0350-8556666',
            q_list:[{ title: '暂无数据' ,content: '空' }],
            code_name: 'xz3331555a'
        }
    }
}
</script>

<style lang="less" socped>
    @import 'help.less';
</style>
